<script lang="ts">
export default {
    name: "WrapperBanner",
    // data(){
    //   return {
    //       productList:[],
    //   }
    // },
    // methods : {
    //     activeProductList(){
    //         let startNum = 0;
    //         let lastNum = 3;
    //         this.productList = this.$store.state.jd.productList.slice(startNum,lastNum);
    //         startNum+=3;
    //         lastNum+=3;
    //         setTimeout(()=>{
    //             this.productList = this.$store.state.jd.productList.slice(startNum,lastNum);
    //             startNum+=3;
    //             lastNum+=3;
    //         },1000)
    //
    //     }
    // },
    // mounted() {
    //     this.activeProductList();
    // }
}
</script>

<template>
    <div class="wrapper-banner leftfix">
        <img v-for="item in $store.state.jd.productList.slice(0,3)"
             :key="item.skuId" width="190" height="150"
             :src="item.image"
             :alt="item.name">
    </div>
</template>

<style scoped lang="less">
.wrapper-banner{
    width: 190px;
    height: 464px;
    margin-right: 5px;
    font-size: 0;
    img{
        margin-top:5px;
        padding-bottom: 3px;
    }
}
.leftfix{
    float:left;
}
</style>
